<template>
  <div id="app">
    <input type="text" :placeholder="tips" v-model="name">
<div>您的名字是{{ name }} 反转的结果是：{{ name.split('').reverse().join('') }}</div>
  </div>
</template>

<script>
export default {
  name: "App",
  
  data() {
    return {
 tips:"请输入您的用户名",
 name:''
 
    };
  },
  methods: {
  },
};
</script>

<style>
div {
  color: purple;
  text-align: center;
}
</style>
